<%--
  Created by IntelliJ IDEA.
  User: tao
  Date: 2022/6/3
  Time: 18:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        body {
            background-color: #eee;
            transition: background-color .25s ease;
            overflow-x: hidden;
        }
        body.dragged {
            background-color: #ccf;
        }
        #container {
            padding: 7em 1em 7em 1em;
            font-family: '微软雅黑' !important;
            margin: auto;
            font-size: 18px;
            width: calc(100% - 2em);
            max-width: 800px; min-height: 100%;
            background-color: white;
            box-shadow: 0 0 25px rgba(0,0,0,.25);
        }

        #container>p {
            min-height: 1em;
        }
        #pilot{
            margin: auto;
            width: calc(100% - 2em);
            text-align: center;
        }
        #form{
            /* 给父盒子添加flex布局 */
            display: flex;
            /* 主轴方向 垂直 从上往下 y轴 */
            flex-direction: column;
            /* 主轴居中 */
            justify-content: center;
            /* 侧轴居中 */
            align-items: center;
        }
    </style>
    <style id="js-style">
        #container>p {
            margin-bottom: 1em;
        }
    </style>
</head>
<body>
<%@ include file="./header.jsp" %>
    <form action="" method="get" id="form">
        <table width="900" align="center" class="table_border table_padding10">
            <span style="letter-spacing: 5px"><bt>《${ novelNameCurrent  }》</bt></span>
            <div id="container">

                <p>${ content }</p>
            </div>

            <div id="pilot">
<%--                <a href="novelShowServlet?novelNumber=${ novelNumberCurrent }&opt=prev">上一页</a>--%>
<%--                <a href="novelShowServlet?novelNumber=${ novelNumberCurrent }&opt=next">下一页</a>--%>
                ${ page }
            </div>

        </table>

    </form>

<%@ include file="./footer.jsp" %>
</body>
    <script>
        function submit1 (){
            var a=document.getElementById("pageShow").value;
            // alert(123);
            location.href=("novelShowServlet?novelNumber=${ novelNumberCurrent }&searchChapter="+ a);
        }
    
    </script>
</html>
